module.exports = {
  title: "南风的博客", //标题
  description: "本网站用于记录个人总结及学习", //该属性表示该网站的一些描述信息
  dest: "public", //该属性表示的是项目打包以后文件生成的目录
  head: [
    //该属性表示的是 html 文档的 head 标签中需要额外插入的其它标签
    [
      "link", // 生成link标签
      {
        rel: "icon", // rel属性值为icon
        href: "/logo.ico", // href属性值为 /favicon.ico
      },
    ],
    [
      "meta", //生成meta标签
      {
        name: "viewport", // name属性值为viewport
        content: "width=device-width,initial-scale=1,user-scalable=no", // content属性值为width=device-width,initial-scale=1,user-scalable=no
      },
    ],
  ],
  theme: "reco", //该属性表示的是当前项目使用的主题
  themeConfig: {
    //该属性表示的是主题的配置信息
    nav: [
      //该属性表示导航栏的配置信息
      {
        // 第一个导航按钮
        text: "主页", //  按钮名称为 Home
        link: "/", //  对应的跳转链接为  /
        icon: "reco-home", // 按钮的前置图标为 reco-home
      },
      {
        text: "分类",
        icon: "reco-category",
        items: [
          // 该按钮的子菜单
          {
            // 子菜单中的第一个导航按钮
            text: "git",
            link: "/blogs/git/",
          },
          {
            text: "css",
            link: "/blogs/css/",
          },
          {
            text: "js",
            link: "/blogs/js/",
          },
          {
            text: "vue",
            link: "/blogs/vue/",
          },
        ],
      },
      {
        text: "时间轴",
        link: "/timeline/",
        icon: "reco-date",
      },
      // {
      //   text: "留言板",
      //   link: "/timeline/",
      //   icon: "reco-document",
      // },
      // {
      //   text: "快速预览",
      //   icon: "",
      //   items: [
      //     // 该按钮的子菜单
      //     {
      //       // 子菜单中的第一个导航按钮
      //       text: "vuepress-reco",
      //       link: "/docs/theme-reco/",
      //     },
      //   ],
      // },
      {
        text: "关于我",
        icon: "reco-account",
        link: "/blogs/about/",
      },
    ],
    subSidebar: 'auto',////在所有页面中启用自动生成子侧边栏，原 sidebar 仍然兼容
    type: "blog", //该属性表示的是当前项目的类型
    //默认的是 blog ，也就是我们现在看到的样式，其实还有别的值可以设定，例如 docs ，其对应的就是比较简约化的文档样式了，当然了这些都是脚手架帮我们处理好了的
    blogConfig: {
      //该属性表示的是导航栏的配置信息，其是 reco 主题设置的
      // category: {
      //   location: 2,
      //   text: "Category",
      // },
      // tag: {
      //   location: 3,
      //   text: "Tag",
      // },
    },
    friendLink: [
      //该属性是用于设置友链的
      {
        title: "午后南杂",
        desc: "Enjoy when you can, and endure when you must.",
        email: "1156743527@qq.com",
        link: "https://www.recoluan.com",
      },
      {
        title: "vuepress-theme-reco",
        desc: "A simple and beautiful vuepress Blog & Doc theme.",
        avatar:
          "https://vuepress-theme-reco.recoluan.com/icon_vuepress_reco.png",
        link: "https://vuepress-theme-reco.recoluan.com",
      },
    ],
    logo: "/logo.png", //该属性表示的是导航栏最左侧的 logo 图片，如下图所示
    search: true, //该属性表示是否有搜索功能
    searchMaxSuggestions: 10, //该属性官网也没做过多说明，所以我也不知道有什么用，暂且可以不用管
    lastUpdated: "Last Updated", //该属性表示每篇文章底部显示的 "最后一次更新时间" 的文案
    author: "南风", //该属性表示作者的名称，在每一篇文章的作者署名中都会沿用该名称
    authorAvatar: "/avatar.png", //该属性表示作者的头像
    record: "xxx", // ICP备案号record: ICP备案号
    // recordLink： ICP 备案指向的链接
    // cyberSecurityRecord： 公安部备案文案
    // cyberSecurityLink： 公安部备案指向链接
    // 如果项目不是部署在个人服务器上的话，这四个属性可以忽略不管
    startYear: "2018", //该属性表示博客的开始时间（只需要写年份就可以了），在网站上的展示如图所示：
    valineConfig: {
      // valine 评论功能配置信息
      appId: "TbzOoEnTaBE9rfg72syVUT9C-gzGzoHsz", // your appId
      appKey: "hRpXrWKIKwhDyP7aXy4pUnbR", // your appKey
      placeholder: "尽情留下你想说的话吧~", // 评论框占位符
      avatar: "wavatar", // 评论用户的头像类型
      highlight: true, // 代码高亮
      recordIP: true, // 记录评论者的IP
      visitor: true, //文章访问量统计
    },
  },
  markdown: {
    //该属性里存储着一些对于 markdown 解析的配置
    // 例如脚手架自动生成的 lineNumbers 表示的就是代码块显示行号
    // 其实还有其它很多的 markdown 配置，详细参考 vuepress官方(opens new window)[4]
    lineNumbers: true,
  },
  plugins: [
    "@vuepress-reco/vuepress-plugin-pagation",{

    },
    "@vuepress-reco/vuepress-plugin-kan-ban-niang",
    {
      welcome: "欢迎来到南风的博客",
      home: "心里的花，我想要带你回家。",
      theme: "好吧，希望你能喜欢我的其他小伙伴。",
      close: "你知道我喜欢吃什么吗？痴痴地望着你。",
    },
    [
      "@vuepress-reco/vuepress-plugin-bulletin-popover",
      {
        width: "180px", // 默认 260px
        title: "感谢打赏",
        body: [
          // {
          //   type: "title",
          //   content: "欢迎加入QQ交流群 🎉🎉🎉",
          //   style: "text-aligin: center;",
          // },
          {
            type: "image",
            src: "/get-money.png",
            style: "width:150px;height:150px;",
          },
        ],
        footer: [
          {
            type: "button",
            text: "打赏",
            link: "",
          },
        ],
      },
    ],
    [
      "@vuepress-reco/vuepress-plugin-bgm-player",
      {
        audios: [
          {
            name: "雅俗共赏",
            artist: "许嵩",
            url:
              "http://m701.music.126.net/20210513104836/68a076bc5713f32a86113d0c835e31e8/jdyyaac/060b/0f08/0f59/1ab67664a78b8a311f708337fc25a7c4.m4a",
            cover:
              "http://p2.music.126.net/Wcs2dbukFx3TUWkRuxVCpw==/3431575794705764.jpg?param=130y130",
          },
        ],
        position: {
          left: "10px",
          bottom: "10px",
          "z-index": "999999",
        },
        autoShrink: true,//是否显示小的缩略图
      },
    ],
  ],
};
